<?php session_start(); ?>
<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title>Jquery AJAX Supper Form</title>
	<link rel="stylesheet" type="text/css" href="css/reset.css" media="all">
	<link rel="stylesheet" type="text/css" href="css/style.css" media="all">
	<script type="text/javascript" src="js/jquery.1.7.2.min.js"></script>
	<script type="text/javascript" src="js/AJAX.js"></script>
</head>
<body>
	<div id="wrapper">
		<div id="container">
			<div class="title">Jquery AJAX Supper Form</div>
				<div id="signup">
				<div class="loader"></div>
				<div class="success">Successfully !!!</div>
				<div class="error">Error !!! Please try.</div>
				<form action="" method="POST" id="form_signup">
					<p>
						<label for="name">Username</label>
						<input type="text" name="name" placeholder="Please insert your Name" id="name">
						<div class="warning nameError">Vui lòng nhập Username</div>
					</p>

					<p>
						<label for="password">Password</label>
						<input type="password" name="password" placeholder="Please insert your Password" id="password">
						<div class="warning passwordError">Vui lòng nhập Password</div>
					</p>

					<p>
						<label for="email">Email</label>
						<input type="email" name="email" placeholder="Please insert your Email" id="email">
						<div class="warning emailError">Email không hợp lệ</div>
					</p>

					<p>
						<label for="captcha">Security Code</label>
						<input type="text" name="captcha" placeholder="Please insert Captcha" id="captcha">
						<div class="warning captchaError">Vui lòng nhập Captcha</div>
					</p>

					<p>
						<img src="captcha.php" id="img_captcha">
						<img src="images/load.png" id="load_captcha">
					</p>

					<p>
						<input type="submit" id="signup_form" value="Signup">
					</p>
				</form>
			</div><!-- End #signup -->


			<div id="login">
				<div class="loader"></div>
				<form action="" method="POST" id="form_login">
					<p>
						<label for="name">Username</label>
						<input type="text" name="name" placeholder="Please insert your Name" id="user-name">
						<div class="warning nameError">Vui lòng nhập Username</div>
					</p>

					<p>
						<label for="password">Password</label>
						<input type="password" name="password" placeholder="Please insert your Password" id="user-password">
						<div class="warning passwordError">Vui lòng nhập Password</div>
					</p>

					<p>
						<input type="submit" id="login_form" value="Login">
					</p>

					<p>
						<label for="forgot" id="getpass">I forgot your password</label>
					</p>
				</form>
			</div><!-- End #login -->


			<div id="mail">
				<div class="loader"></div>
				<form action="" method="POST" id="get_pass_form">
					<p>
						<label for="name">Username</label>
						<input type="text" name="name" placeholder="Please insert your Name" id="get-name">
						<div class="warning nameError">Vui lòng nhập Username</div>
					</p>

					<p>
						<label for="password">Email</label>
						<input type="email" name="email" placeholder="Please insert your Email" id="get-email">
						<div class="warning emailError">Email không hợp lệ</div>
					</p>

					<p>
						<input type="submit" id="get_pass" value="Submit">
					</p>
				</form>
			</div><!-- End #mail -->

			
		</div><!-- End #container -->
	</div><!-- End #wrapper -->
</body>
</html>